<template>
    <tab-bar>
      <tab-bar-item link="/home">
        <img slot="tab-bar-icon" src="https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=3883710686,2777963169&fm=26&gp=0.jpg" alt="外卖">
        <div slot="tab-bar-text">
          外卖
        </div>
      </tab-bar-item>
      <tab-bar-item link="/store" activeColor="yellow">
        <img slot="tab-bar-icon" src="https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=3883710686,2777963169&fm=26&gp=0.jpg" alt="超市">
        <div slot="tab-bar-text">
          超市
        </div>
      </tab-bar-item>
      <tab-bar-item link="/order" activeColor="blue">
        <img slot="tab-bar-icon" src="https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=4063667938,1142017046&fm=26&gp=0.jpg" alt="订单">
        <div slot="tab-bar-text">
          订单
        </div>
      </tab-bar-item>
      <tab-bar-item link="/profile" activeColor="pink">
        <img slot="tab-bar-icon" src="https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=2181073510,3867799889&fm=26&gp=0.jpg" alt="我的">
        <div slot="tab-bar-text">
          我的
        </div>
      </tab-bar-item>
    </tab-bar>
</template>

<script>
import TabBar from '@/common/tabBar/TabBar'
import TabBarItem from '@/common/tabBar/TabBarItem'
export default {
  name: 'MainTabBar',
  components: {
    TabBar,
    TabBarItem
  }
}
</script>

<style scoped>
</style>
